<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no" />
        <title>实力库存</title>
        <link rel="stylesheet" type="text/css" href="../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <style>
            body{
                background: #fff;
            }
            .contain{
                padding-top:10px;
                background: #f3f3f3;
            }
            .bigPic .divPrice {
                color: #ec2e2e;
                font-weight: bold;
                text-align: left;
                padding-left: 10px !important;
                font-size: 14px;
            }
            .bigPic .divBuy {
                text-align: right;
                padding-right: 10px !important;
                color: #327afa;
                /*font-weight: bold;*/
                font-size: 12px;
                float: right !important;
            }
            .bigPic .divPrice, .divBuy {
                padding: 5px;
                overflow: hidden;
            }
            .aui-ellipsis-2 {
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: break-word;
                white-space: normal !important;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            .aui-list-view-cell {
                border-radius: 2px;
            }
            /*//一行两列样式*//**/
            .bigPic.aui-list-view.aui-grid-view {
                padding: 0 !important;
                background: #f3f3f3;
            }
            .bigPic.aui-list-view.aui-grid-view .aui-list-view-cell {
                padding: 0 !important;
            }
            .bigPic .aui-col-xs-6:nth-of-type(2n+1) {
                margin-right: 1%;
            }
            .bigPic.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body {
                margin: 0 0 0 5px;
                margin-bottom: 1px;
                text-align: left;
                height: 50px;
            }
            .bigPic li {
                background: #fff !important;
                margin-bottom: 8px;
            }
            .bigPic .aui-col-xs-6 {
                width: 49.5%;
            }
            .bigPic .line {
              
            }
            .stockCount{
                width: 100%;
                overflow: hidden;
                height: 25px;
                line-height:25px;
                color: #000;
                font-size: 12px;
                text-align: left;
                margin-left: 5px;
                color: #9c9c9c;
            }
            .proPic{
                position: relative;
                font-size: 12px;
            }
            .proPic img{
                display: block;
            }
            .categoryIcon{
                position: absolute;
                top:0;
                right: 0;
                color:#fff;
                /*background: #4e9ff9;*/
                padding:0 3px;
                height: 22px;
                line-height: 22px;
                text-align: center;

            }
            /*//残次品*/
            .canci{
                background: #ffa421;
                border-color: #ffa421;
            }
            /*小批量*/
            .less{
                background: #4e9ff9;
                border-color: #4e9ff9;
            }

            /*断码*/
            .duanma{
                background: #e94f50;
                border-color: #e94f50;
            }
            /*尾货*/
            .weihuo{
                background: #dd4ad4;
                border-color: #dd4ad4;
            }
            .categoryIcon:before{
                content:"";
                width: 0;
                height: 0;
                top:0;
                position: absolute;
                left: -22px;
                border-top-color: inherit;
                border-top-width:22px;
                border-top-style:solid;
                border-left: 22px transparent solid;
            }
            .reason{
                position: absolute;
                padding:4px 6px;
                line-height: 16px;
                bottom: 0;
                z-index: 9;
                background: rgba(0,0,0,.3);
                width: 100%;
                color:#fff;
                font-size: 12px;
                text-align: left;
            }
        </style>
    </head>
    <body>
        <div class=" contain">
            <ul class="aui-list-view aui-grid-view bigPic">
                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon canci">残次品</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>
               
                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/shili.jpg">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon less">小批量</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>

                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon duanma">断码</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>

                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon weihuo">尾货</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>

                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon canci">残次品</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>

                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon canci">残次品</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>

                <li class="aui-list-view-cell aui-img aui-col-xs-6">
                    <div class="proPic">
                        <img class="aui-img-object" src="../image/pro.png">
                        <div class="reason aui-ellipsis-2">厂家处理二等残次品有瑕疵纯棉毛巾甩卖厂家处理二等残次品有瑕疵纯棉毛巾甩卖</div>
                        <div class="categoryIcon canci">残次品</div>
                    </div>
                    <div class="proInfo">
                        <div class="aui-img-body  aui-ellipsis-2">
                            图文列表图文列表图文列表图文列表
                        </div>
                        <div class="stockCount">库存：20</div>
                        <div class="aui-border-b line"></div>
                        <div class="divBuy  zfhuise">
                            成交<span class="num">5550</span>笔
                        </div>
                        <div class="divPrice ">
                            ￥<span class="price ">5555.0</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="../script/api.js" ></script>
    <script type="text/javascript" src="../script/doT.min.js"></script>
    <script type="text/javascript" src="../script/echo.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
    <script type="text/javascript" src="../script/myInfo.js"></script>
    <script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        apiready = function() {
            api.parseTapmode();
            api.setRefreshHeaderInfo({
                visible : true,
                loadingImg : 'widget://image/ptr_pull.png',
                bgColor : '#efeff4',
                textColor : '#959595',
                textDown : '下拉刷新',
                textUp : '松开刷新',
                showTime : true
            }, function(ret, err) {
                page = 1;
                getData(catid);
                api.refreshHeaderLoadDone();
            });
            
        }
    </script>
</html>